﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.5" charset="utf-8"/>
<title>签字</title>
<link href="/pad_marketing/html/css/main.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/common.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />
</head>

<body>
    
<!--标题区域 start-->
<div class="tit_main">
  <label class="lh-50 white"></label>签字
  <a href="javascript:goBack()" class="pull-left lh-50" id="return"><span class="icon icon-left"></span></a>
  <a class="pull-right block lh-50" href="/pad_marketing/index/index.action"><span class="icon icon-home"></span></a>
</div>
<!--标题区域 end-->

<ul class="step-panel">                                 
  <li class="gone"><i>1</i>投保产品</li>
  <li class="gone"><i>2</i>客户信息</li>
  <li class="gone"><i>3</i>其他投保选项</li>
  <li class="gone"><i>4</i>告知及问卷</li>
  <li class="gone"><i>5</i>投保资料阅读</li>
  <li class="gone"><i>6</i>投保确认</li>
  <li class="active"><i>7</i>签字</li>
  <li><i>8</i>拍照</li>
  <li><i>9</i>支付</li>
</ul>
<!--内容区域 start-->
<div class="H_step" id="wrapper">
  <div>
    <!-- 人身保险投保单 -->
    <div class="padding-2">
      <h3 class="font-30 b text-center">人身保险投保单</h3>
      <div class="blank-1"></div>
      <hr>
      <div class="blank-10"></div>
      <input type="hidden" id="proposalUrl">
      <a onclick="gotoPdfShow(0)" class="blue underline">
      	投保单信息PDF阅读
      </a>
      <div class="blank-10"></div>
      <div class="padding-15 bg-warning">
      <div id="comment">
        <p class="gray lh-30 b">请投保人在本栏亲笔抄录下列引号内文字：“本人已阅读保险条款、产品说明书和投保提示书，了解本产品的特点和保单利益的不确定性。”</p>
        <div class="blank-10"></div>
        <div class="padding-3 border-gray text-center">
          <!-- <div class="blank-1"></div> -->
          <button type="button" class="btn btn-lg btn-primary" onclick="goSign('showSignTxt')" id="sign0">点击签署声明</button>
          <!-- <div class="blank-1"></div> -->
          <img id="img0" onclick="goSign('showSignTxt')">
        </div>
      </div>
        <div class="blank-10"></div>
        <p class="lh-30 b">本人（我们）在本投保单上的签名即为对本投保单上所述全部事项及网上投保过程的同意、确认和授权，特别是委托自动扣缴应交保费的授权。</p>
        <div class="blank-10"></div>
        <div class="form-group">
          <label class="col-md-2 control-label">投保人签名</label>
          <label class="col-md-2">
			<span class="btn btn-primary" onclick="goSign1('showSign','pdf1','0','img1')" id="sign1">点击签名</span>
			<img id="img1" onclick="goSign1('showSign','pdf1','0','img1')">
            <div class="blank-10"></div>
            <img src="../html/img/signId.png" width="98" onclick="takeSignPhoto('showPhoto','pdf1','0','pho1')" id="pho1">		
            <!-- <img src="../html/img/ids.png" width="98"> -->           
            
          </label>
          
          <div id="insured">
          <div class="col-md-6 no-padding">
            <p class="control-label">被保险人/法定监护人（如被保险人为投保人，可免签）签名</p>
          </div>
          <label class="col-md-2">
          	<span class="btn btn-primary" onclick="goSign1('showSign','pdf1','1','img2')" id="sign2">点击签名</span>
          	<img id="img2" onclick="goSign1('showSign','pdf1','1','img2')">
            <div class="blank-10"></div>
            <img src="../html/img/signId.png" width="98" onclick="takeSignPhoto('showPhoto','pdf1','1','pho2')" id="pho2">
            <!-- <img src="../html/img/ids.png" width="98"> -->
            
          </label>
          </div>
          <div style="clear:both">
          	<p class="lh-45 font-16 gray pull-left" style="padding-left:90px">请拍摄投保人胸部以上清晰的正面照</p>
          	<p class="lh-45 font-16 gray pull-right" id="bts" style="padding-right:5px">请拍摄被保险人/法定监护人胸部以上清晰的正面照</p>
          </div>        
          
          <div class="blank-10"></div>
         <!--  <label class="col-md-2 control-label">投保日期</label>
          <label class="col-md-4">
            <input class="form-control line" type="date" placeholder="年/月/日">
            <input class="form-control" type="text" data-role="datebox" required="required"/>
          </label> -->
          <!-- <label class="col-md-2 control-label">签单地点</label>
          <label class="col-md-4"><input class="form-control line" type="text"></label> -->
          <div class="clearfix"></div>
          <p class="lh-30 b">（请投保人/被保险人亲笔签名（未成年人由监护人签名），中德安联会归档保存一份客户签名后的投保单。）</p>
          <div class="blank-10"></div>
          <label class="col-md-3 control-label">营销人员/经纪人员签名</label>
          <label class="col-md-5">
          	<span class="btn btn-primary" onclick="goSign1('showSign','pdf1','2','img3')" id="sign3">点击签名</span>
          	<img id="img3" onclick="goSign1('showSign','pdf1','2','img3')">
            <div class="blank-10"></div>
            <img src="../html/img/signId.png" width="98" onclick="takeSignPhoto('showPhoto','pdf1','2','pho3')" id="pho3">         
            <!-- <img src="../html/img/ids.png" width="98"> -->
          </label>
          
          <div style="clear:both"></div>
          <p class="lh-45 font-16 gray" style="padding-left:133px">请拍摄营销人员/经纪人胸部以上清晰的正面照</p>
          

          <!-- <label class="col-md-2 control-label">日期</label>
          <label class="col-md-4">
            <input class="form-control line" type="date" placeholder="年/月/日">
            <input class="form-control" type="text" data-role="datebox" required="required"/>
          </label> -->
        </div>   
      </div>
    </div>
    <div class="blank-1 bg-gray"></div>
    <!-- 所有需要签字的投保资料 -->
    <div class="padding-2" id="otherSign">
      <h3 class="font-30 b text-center">所需签名资料</h3>
      <div class="blank-1"></div>
      <hr>
      <div class="blank-10"></div>
      <input type="hidden" id="otherSignDocumentsUrl">
      <a onclick="gotoPdfShow(1)" class="blue underline">
        	其他投保资料PDF阅读
      </a>
      <div class="blank-10"></div>
      <div class="padding-15 bg-warning">
        <p class="font-18 lh-30 b">中德安联就上述资料已对本人作了明确解释与说明，本人亦对上述资料所涉及的内容已明确知晓和了解，故本人在此投保签名确认书上的签名，即为对上述所有需要签名资料的签名确认。</p>
        <div class="blank-10"></div>
        <div class="form-group">
          <label class="col-md-2 control-label">投保人签署</label>
          <label class="col-md-4">
          	<span class="btn btn-primary" onclick="goSign1('showSign','pdf2','0','img4')" id="sign4">点击签名</span>
          	<img id="img4" onclick="goSign1('showSign','pdf2','0','img4')">
            <div class="blank-10"></div>
            <img src="../html/img/signId.png" width="98" onclick="takeSignPhoto('showPhoto','pdf2','0','pho4')" id="pho4">
            <!-- <img src="../html/img/ids.png" width="98"> -->            
          </label>
          
          <!-- <label class="col-md-2 control-label">日期</label>
          <label class="col-md-4">
            <input class="form-control line" type="date" placeholder="年/月/日" />
            <input class="form-control" type="text" data-role="datebox" required="required"/>
          </label> -->
          <!-- <div class="blank-10"></div> -->
          <label class="col-md-2 control-label">营销人员签署</label>
          <label class="col-md-4">
          	<span class="btn btn-primary" onclick="goSign1('showSign','pdf2','1','img5')" id="sign5">点击签名</span>
          	<img id="img5" onclick="goSign1('showSign','pdf2','1','img5')">
            <div class="blank-10"></div>
            <img src="../html/img/signId.png" width="98" onclick="takeSignPhoto('showPhoto','pdf2','1','pho5')" id="pho5">
            <!-- <img src="../html/img/ids.png" width="98"> -->       
          </label>
    
          <div style="clear:both">
          	<p class="lh-45 font-16 gray pull-left" style="padding-left:80px">请拍摄投保人胸部以上清晰的正面照</p>
          	<p class="lh-45 font-16 gray pull-right" style="padding-right:130px">请拍摄营销人员胸部以上清晰的正面照</p>         
          </div>
          <!-- <label class="col-md-2 control-label">日期</label>
          <label class="col-md-4">
            <input class="form-control line" type="date" placeholder="年/月/日" />
            <input class="form-control" type="text" data-role="datebox" required="required"/>
          </label> -->
        </div>
      </div>
    </div>
  </div>
</div>
<!-- 内容区域 end -->

<!-- 底部区域 start -->

<div class="bot_main">
  <!-- <div class="col-md-2 col-md-offset-4">
    <a class="btn btn-primary btn-lg btn-block" href="javascript:goBack()" id="goback"><span class="icon icon-left-circle"></span>上一步</a>
  </div> -->
  <div class="col-md-2 col-md-offset-5">
    <a class="btn btn-warning btn-lg btn-block" href="javascript:void(0)" onclick="signComplete();"><span class="icon icon-camera"></span>证件拍照</a>
  </div>
<!--底部区域 end-->

<div id="agn-menu" class="hide">
  <div class="circle-panel">
    <nav class="circle-bg">
      <a class="circle-pic" onClick="showDiv('person-panel')">
        <img src="/pad_marketing/html/img/circle-bird.png">
      </a>
      <lable class="circle-text"></lable>
      <div class="circle-menu">
        <a href="#" class="menu-item" id="menu-one"> 
          <i class="">公司简介</i> 
        </a>
        <a href="#" class="menu-item" id="menu-two"> 
          <i class="">建议书</i>
        </a>
        <a href="#" class="menu-item" id="menu-three"> 
          <i class="">产品中心</i> 
        </a>
        <a href="#" class="menu-item" id="menu-four"> 
          <i class="">在线投保</i> 
        </a>
        <a href="#" class="menu-item" id="menu-five"> 
          <i class="">需求分析</i> 
        </a>
      </div>
      <span class="close circle-close" onClick="closeDiv('agn-menu')">X</span>
    </nav>
  </div>
</div>
<!--js全放底部-->
<script src="/pad_marketing/html/js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.min.js"></script>
<script src="/pad_marketing/html/js/iscroll.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.3dflow.js"></script>
<script src="/pad_marketing/html/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/mobiscroll.custom-2.6.2.min.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/sign.js" type="text/javascript"></script>
</html>
